$xs: 576px;
$sm: 768px;
$md: 992px;
$lg: 1200px;

$blue:#324157;
$light-blue:#3A71A8;
$red:#C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$pan-green: #30B08F;

$menu-text:#bfcbd9;
$menu-active-text:#237df7;
$sub-menu-active-text:#f4f4f5;

$menu-background: rgba(30, 44, 70, .95);
$menu-hover: rgba(51, 67, 92, .95);


$menu-light-background: #ffffff;
$menu-light-hover: #f0f1f5;

$sidebar-title: #ffffff;
$sidebar-light-title: #001529;
$sidebar-width: 200px;

// $subMenuBg: #1f2d3d;
// $subMenuBg: linear-gradient(to right, #243951, #1f2d3d) #1f2d3d;
// $subMenuBg: #42546a;
$sub-menu-background: rgba(47, 62, 85, 0.05);
// $subMenuHover: #001528;
// $subMenuHover: linear-gradient(to right, rgba(2, 32, 58, 0.8), rgba(0, 15, 28, 0.8)) #001528;
$sub-menu-hover: rgba(40, 52, 72, 0.1);

/* theme color */
$--color-primary: #1890ff;
$--color-success: #13ce66;
$--color-warning: #ffba00;
$--color-danger: #ff4949;
// $--color-info: #1E1E1E;
$--button-font-weight: 400;
// $--color-text-regular: #1f2d3d;
$--border-color-light: #dfe4ed;
$--border-color-lighter: #e6ebf5;
$--table-border: 1px solid#dfe6ec;

/* Menu
--------------------------*/
/// color||Color|0
$--menu-item-font-color: $--border-color-light !default;
/// color||Color|0
$--menu-background-color: transparent !default;
$--menu-item-hover-fill: $menu-hover !default;

:export {
  $theme: $--color-primary;
  $menuText: $menu-text;
  $menuActiveText: $menu-active-text;
  $subMenuActiveText: $sub-menu-active-text;
  $menuBackground: $menu-background;
  $menuHover: $menu-hover;
  $menuLightBg: $menu-light-background;
  $menuLightHover: $menu-light-hover;
  $subMenuBackground: $sub-menu-background;
  $subMenuHover: $sub-menu-hover;

  $sidebarWidth: $sidebar-width;
  $sidebarTitle: $sidebar-title;
  $sidebarLightTitle: $sidebar-light-title
}
